<template>
  <div>
    <ul>
      <li v-for="item in arr">{{ item }}</li>
      <li v-for="index in num">{{ index }}</li>
      <li v-for="item in str">{{ item }}</li>
      <li v-for="item in arr1">{{ item.name }}</li>
      <li v-for="item in arr1">{{ item.age }}</li>
      <li v-for="item in arr1">{{ item.hoppy }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: ["zs", "ls", "ww"],
      num: 10,
      str: "瓦拉西洼",
      arr1: [
        {
          name: "zs",
          age: 18,
          hoppy: "篮球",
        },
        {
          name: "2s",
          age: 14,
          hoppy: "篮球",
        },
        {
          name: "zs",
          age: 48,
          hoppy: "篮球",
        },
      ],
    };
  },
};
</script>

<style>
</style>